<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width: 200px;
            height: 200px;
            box-shadow: 0 0 0 10px skyblue,
                        0 0 0 20px pink;
        }
    </style>
</head>
<body>
    <div></div>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident autem cupiditate natus non at, consequatur illum. Fugiat praesentium quasi debitis est fugit blanditiis doloremque, delectus error temporibus consequuntur voluptate laboriosam.</p>
    <p>Dolor accusantium, facilis ipsa corrupti quas sed asperiores vero est? Molestiae ipsum, ratione rem, ab hic expedita beatae, pariatur porro ut odio tenetur quasi perferendis labore nemo eum eveniet facilis.</p>
    <p>Nihil maxime voluptas ipsa ratione veritatis hic natus sequi, iure quam aliquam? Dicta ullam rerum quia? Voluptas inventore rem animi dolorum quasi a, laborum aliquid ex consequatur maxime! Aliquid, beatae?</p>
    <p>Ducimus ab ea hic molestias sint omnis, quisquam fugit placeat fugiat, temporibus laborum consectetur, consequatur accusamus veritatis expedita dolorum! Harum ipsa ut eaque quos consequatur deserunt at molestias quidem commodi!</p>
    <p>Ipsum quas qui, quod magnam veniam laudantium quam sapiente fuga consequuntur sint odio officiis ipsam modi error commodi consectetur provident. Doloribus praesentium illum itaque id cupiditate dolores nostrum, ad deleniti.</p>
    <p>Quasi doloribus dignissimos cumque, repellendus facilis reiciendis amet minima harum nostrum vero officia, provident nulla iure assumenda dicta sed ratione ut! Officiis a aliquid aut voluptatibus totam sunt non molestias.</p>
    <p>Ea voluptate velit debitis tempore iusto sunt suscipit consectetur quasi et, odit quia placeat quo accusantium ut laborum in soluta sint id error deserunt ad explicabo, recusandae voluptas quam. Natus!</p>
    <p>Reprehenderit iusto nihil tempora voluptatibus consequuntur cupiditate vitae molestias illo dolores laudantium eum ex ab, minima ratione ducimus autem fugiat, dolor at? Veniam perferendis beatae amet distinctio qui porro deleniti?</p>
    <p>Non commodi alias quis quam dolorum accusantium nostrum nisi magni, harum eligendi sint, voluptas fuga eaque consectetur distinctio veniam repellat corrupti. Perspiciatis labore optio accusamus, eligendi earum ea magnam molestiae?</p>
    <p>Quas, quod. Voluptate, omnis earum dolor quisquam repudiandae praesentium quidem atque perspiciatis saepe? Necessitatibus labore, quis dolorum ipsa veritatis eos minima, quaerat sunt quibusdam repudiandae cum, expedita placeat a accusantium?</p>
    <p>Dolorum aliquam quibusdam officiis rerum alias eveniet consequatur quis a. Eligendi, officiis soluta id culpa quos commodi dolorem molestiae magni velit voluptatem? Ipsam modi voluptas incidunt molestiae nam. Esse, assumenda!</p>
    <p>Facilis libero, soluta iure officiis voluptatum vitae nobis odio itaque laboriosam animi placeat illo enim nostrum temporibus aspernatur voluptates excepturi nulla quo mollitia. Voluptas, ratione necessitatibus. Repellendus, ut! Tempore, earum.</p>
    <p>Maxime fugit illum quibusdam labore. Adipisci mollitia dicta repellendus quas veritatis numquam illo sint provident. Assumenda ad veniam obcaecati aperiam pariatur, expedita incidunt vitae unde, nihil enim, praesentium ratione modi!</p>
    <p>Labore laboriosam temporibus reiciendis aliquam corrupti provident totam. Molestiae dicta voluptas natus totam consequuntur. Natus sapiente vel nihil ullam corrupti neque maxime veniam odit, voluptatum impedit labore voluptate sed esse.</p>
    <p>Voluptatem molestias cum a quam ex aliquam atque, provident iste ut ea fuga similique at eligendi eum nemo quae labore sint consectetur sapiente nesciunt architecto possimus, officia tempore corporis. Accusantium!</p>
    <p>Ducimus explicabo amet ex enim eveniet quibusdam doloribus quos, eius impedit sapiente, aperiam porro minima iure quod sed expedita voluptatum nihil tempora quae! Excepturi, hic eveniet expedita beatae rerum molestias!</p>
    <p>Eaque adipisci tenetur, molestias delectus ducimus distinctio quaerat nisi laborum pariatur quibusdam impedit repudiandae assumenda voluptate ipsa accusamus tempore repellat ab! Doloribus iste ipsam minus sequi! Pariatur esse quod aliquid.</p>
    <p>Quaerat vel doloribus tempore incidunt inventore ducimus unde magni error? Reiciendis quis laudantium consectetur eum dolorum sapiente sed. Voluptate sapiente maiores nobis veritatis adipisci distinctio itaque eaque illo odit ex.</p>
    <p>Velit mollitia nemo incidunt temporibus aperiam repudiandae, vel, sequi deserunt quidem minus quod voluptates suscipit eum rerum? Harum, possimus debitis voluptate nulla doloribus fuga at, nobis eaque, aliquam nam laboriosam?</p>
    <p>Cum beatae culpa soluta atque expedita, perferendis odio aperiam iusto quo provident assumenda, animi neque suscipit asperiores aspernatur laudantium nostrum corporis nulla quaerat consequatur sit explicabo recusandae. Necessitatibus, aliquid velit?</p>
    <p>Eligendi, inventore aut. Quo unde, excepturi ratione nisi alias quis, nihil placeat at harum aspernatur libero atque odit ipsum saepe sed eveniet quibusdam assumenda consectetur natus sint omnis quos? Saepe!</p>
    <p>Commodi minus sit fuga iure cum quae omnis accusantium nulla, iusto libero saepe quisquam tempora autem non explicabo cumque recusandae optio quibusdam necessitatibus repellendus dolor consequatur? Beatae corporis iste nulla?</p>
    <p>Minima excepturi aspernatur repudiandae velit, expedita doloremque, rerum exercitationem totam iusto repellendus veritatis, alias optio vero animi eius. Laudantium temporibus eligendi magnam incidunt voluptatum vel repudiandae nesciunt ipsa unde cum.</p>
    <p>Accusantium inventore tempora, eos corrupti laboriosam ipsum pariatur ducimus dolorem itaque sed odit earum corporis reprehenderit? Quaerat sapiente error earum, magnam libero aspernatur suscipit rem eveniet repellendus harum, quam ducimus!</p>
    <p>Pariatur perspiciatis voluptate aspernatur officia excepturi consequatur autem, iste eius nemo inventore fugiat, minus officiis architecto? Nemo animi consequatur pariatur vel numquam perspiciatis voluptates! Omnis placeat quo quos quia illum?</p>
    <p>Tempora fugit molestiae assumenda corporis similique temporibus! Libero pariatur nesciunt commodi ex, consequatur hic quibusdam labore quasi facilis culpa ducimus eos itaque impedit praesentium repellendus soluta explicabo nemo distinctio atque.</p>
    <p>Possimus explicabo ipsam delectus molestias, quaerat omnis in expedita deleniti dolor temporibus optio nemo iusto sed, beatae obcaecati reiciendis maxime. Inventore omnis rem facilis dolor, minima eveniet provident quam eius.</p>
    <p>Provident deserunt quod, alias aperiam delectus officiis, voluptate doloremque perferendis rerum pariatur facilis eaque quisquam quis vero odio ab velit recusandae fuga. Cupiditate consectetur adipisci doloremque, beatae expedita architecto ad.</p>
    <p>Error doloribus ipsa laudantium ullam quod quibusdam fugit iusto odit expedita consectetur. Fugit, aperiam sunt? Commodi reiciendis, accusamus tenetur, animi beatae voluptate perspiciatis dolor fugiat saepe ullam numquam ipsa architecto.</p>
    <p>Rerum fugiat, necessitatibus doloribus deserunt repellendus iure! Voluptates illo et veritatis, labore laboriosam totam, fugiat similique sapiente exercitationem amet soluta quasi! Similique sit assumenda reiciendis labore, tenetur cumque molestias est.</p>
    <p id="target">fuck</p>
    <p><a href="#target1">jump to target1</a></p>
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quas temporibus autem iste nobis deserunt eligendi modi, ab ad quis quaerat, esse ullam quae, eaque explicabo molestias dolorum. Libero, et repudiandae!</p>
    <p>Excepturi ea nisi amet perferendis deserunt. Corporis voluptates dicta rerum perferendis doloribus vitae, delectus eum aperiam culpa? Autem molestias minima accusamus, eos quasi, voluptates architecto perspiciatis vitae temporibus expedita excepturi!</p>
    <p>Nemo quis error corporis, harum atque aperiam, culpa, aspernatur ipsum optio explicabo odio animi nam tenetur debitis. Explicabo dolor dolores assumenda ut id reprehenderit illo, architecto exercitationem commodi dolorum a?</p>
    <p>Itaque beatae facilis dolorem totam distinctio a, libero quisquam autem? Sapiente mollitia hic totam expedita, eos, repudiandae repellendus blanditiis maxime debitis voluptatum dolore possimus rerum? Facilis blanditiis aperiam maiores! Id?</p>
    <p>Et blanditiis esse nisi impedit tenetur quasi, quos laborum similique maxime consectetur deleniti pariatur dolorum modi suscipit sed. Earum deleniti repudiandae perferendis nostrum incidunt similique sit voluptatem impedit perspiciatis accusantium?</p>
    <p>Minima commodi consequatur libero fuga modi! Blanditiis, sapiente. Temporibus necessitatibus vero explicabo asperiores quis delectus libero cum perspiciatis et recusandae! Eligendi nulla veritatis laboriosam quod recusandae consequuntur laudantium, et porro!</p>
    <p>Autem culpa distinctio eveniet maxime quis soluta, commodi reiciendis optio, laborum rerum nihil, aliquid recusandae unde numquam deserunt tempore error aliquam! Vel doloremque dolorem voluptatem quidem accusamus, ipsa dignissimos nam!</p>
    <p>Asperiores impedit natus eveniet hic, illum mollitia commodi at ipsa beatae quia provident amet praesentium laudantium sapiente pariatur consequatur. Omnis id accusantium pariatur est, cupiditate neque architecto perferendis explicabo soluta.</p>
    <p>Modi velit incidunt tempore beatae exercitationem temporibus? Assumenda consequatur cum nihil eligendi voluptates. Officia totam, accusantium, praesentium obcaecati esse fugit maiores molestias autem magni optio ab ullam mollitia sequi perspiciatis.</p>
    <p>Aut, molestiae quo! Adipisci amet consequatur officia fuga quam assumenda labore mollitia quibusdam. Dolore sunt, consequatur quod cupiditate sit, voluptatem quidem sint neque, dignissimos eveniet alias quisquam vel repudiandae atque.</p>
    <p>Eius molestias eaque sed accusantium maxime animi harum. Iste, reiciendis eveniet! Excepturi quae quaerat quidem! Optio nisi, quisquam itaque aspernatur repudiandae cupiditate accusamus ratione tenetur vero, voluptatibus, incidunt ea facere.</p>
    <p>Alias adipisci quas iusto ab dolorum? Quo consequuntur excepturi aliquam quaerat harum consequatur exercitationem dolor, eaque non vitae molestiae labore quisquam ducimus perspiciatis dolorum quidem incidunt, illum dicta expedita vero.</p>
    <p>Laborum culpa enim nisi sint, ut sed ea labore. Animi reprehenderit culpa dignissimos veritatis quis! Quo, vitae sunt animi in blanditiis, error quod facilis, adipisci facere ut quis. Esse, ipsum.</p>
    <p>Quas quo ab dolores similique in, numquam doloribus quia earum cumque illum pariatur! Et nobis exercitationem enim reiciendis? Aliquam id dignissimos soluta. Minus labore est nisi nihil reiciendis hic animi.</p>
    <p>Magni at iure laudantium neque? Maiores nemo est numquam nulla nostrum molestiae eum consequatur, quidem ex necessitatibus perspiciatis, consectetur voluptatem, facilis ea ducimus earum at voluptatum accusamus pariatur? Voluptatum, commodi?</p>
    <p>Atque ratione qui at. Vitae natus itaque aliquam deserunt recusandae hic eveniet libero cumque eaque sunt, nostrum tempora nisi distinctio? Ab iure perspiciatis minus dolor consectetur enim dignissimos quidem molestias!</p>
    <p>Dolorum labore, exercitationem facere aliquam accusamus sequi consequatur beatae dicta dolor a suscipit atque minus recusandae incidunt eligendi vitae soluta nobis. Nam sint laboriosam unde. Laudantium eius facilis repellat eveniet!</p>
    <p>Provident reiciendis amet adipisci quam maxime iusto, deserunt sit eius, quo excepturi error voluptatem iste quae et rem officiis voluptates quaerat ducimus sint ea. Obcaecati officiis doloremque officia enim sapiente?</p>
    <p>Et quidem dolorem dolore architecto at? Perspiciatis quas vitae in aliquid accusamus ad asperiores fugiat sequi aperiam atque doloribus, est debitis, nisi voluptate incidunt molestias facere ipsum. Exercitationem, assumenda qui!</p>
    <p>Eum in vitae id magni? Repellat praesentium quisquam dolor eius repellendus rem ullam placeat ea ipsa enim. Possimus impedit debitis dolore quae dolor perspiciatis voluptates blanditiis nemo, laborum, quibusdam laudantium?</p>
    <p>Harum labore ullam saepe perferendis nisi ducimus adipisci consectetur deserunt odit eveniet. In eius ea quaerat, nisi odio, rerum, iste culpa veniam ex odit debitis facilis nam modi impedit dicta!</p>
    <p>Distinctio omnis adipisci illo ducimus repellat, soluta illum reprehenderit impedit sint voluptas minus facere laboriosam ipsa! Provident quo a, mollitia dolor nobis illum nulla deserunt, recusandae saepe aspernatur vel hic!</p>
    <p>Fugit temporibus soluta excepturi culpa est! Perferendis voluptate molestias odit, id neque repellat eius distinctio dicta? Adipisci maiores deleniti doloremque ullam qui unde, ratione iusto numquam a dolores reprehenderit repellendus!</p>
    <p>Provident delectus tenetur sapiente eveniet dolorem, quia iure officiis at enim tempore optio commodi. Nisi eaque sapiente rerum quibusdam incidunt consectetur impedit voluptatem cum! Optio et suscipit aut libero natus?</p>
    <p>Harum nostrum alias quos. Tenetur magnam, odit maiores expedita odio consequatur quasi neque sit sunt temporibus quis et maxime error cupiditate doloremque nemo possimus placeat! Ipsa magni inventore dolores fugit!</p>
    <p>Reprehenderit debitis non odio corporis facere, dignissimos dicta modi exercitationem incidunt. Saepe aut fugit molestiae placeat iure accusantium cupiditate assumenda quia quaerat tenetur ut recusandae, in laboriosam error magni labore!</p>
    <p>Fuga voluptate illum molestias assumenda, nihil libero quisquam? Quos, molestiae corrupti, reiciendis, quaerat atque distinctio eligendi aliquid maiores cupiditate ut explicabo. Corporis aspernatur eius cupiditate, minima officia animi atque possimus.</p>
    <p>Qui repellendus nesciunt tenetur perferendis ea. Ipsum amet eum explicabo inventore similique tempora aliquam. Nemo nam optio aliquam suscipit esse iusto nostrum, et odio blanditiis omnis a maiores quia nobis.</p>
    <p>Veniam quaerat voluptates perspiciatis expedita esse provident mollitia placeat tempora architecto unde. Eum dolor delectus itaque cum inventore rerum incidunt quas minus voluptatum nulla, beatae tempore blanditiis? Mollitia, quo dolor!</p>
    <p>Totam quaerat illum aperiam impedit porro similique animi placeat quae sunt repudiandae ea vero, debitis repellat vitae nostrum voluptas nam dolorem beatae eveniet odit, nemo, perspiciatis perferendis dicta nisi! Odit.</p>
    <p id="target1">fuck</p>
    <p><a href="#target">back to target</a></p>
</body>
</html>